<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
    
<%@taglib  prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
	<title></title>
	<link rel="stylesheet" href="../jquery/jquery.mobile-1.0a4.1.min.css" />
	<link rel="stylesheet" href="../css/member_style.css"/>
	<script type="text/javascript" src="../jquery/jquery-1.5.2.min.js"></script>
    <script type="text/javascript" src="../jquery/jquery.mobile-1.0a4.1.min.js"></script>
	<script type="text/javascript" src="../jquery/jquery.validate.js"></script>
    <script type="text/javascript" src="member_add.js"></script>

</head> 
<body>
<div data-role="page" id="album-list">

	<div id="header"  data-role="header" data-theme="b">
		会员添加页面
			<a id="back" onclick="location='list.action'"  data-role="button" data-icon="back" data-iconpos="notext" style="float: right;"  >回退</a> 
	</div><!-- /header -->
	
	
	<div data-role="content">
		
		<form id="member_add_form" action="add.action" method="post" enctype="multipart/form-data">
	
			<div data-role="fieldcontain">
				<label for="memberId">账号:</label>
	        	 <input type="text" name="memberId" id="memberId"  />
	        	 <span id="info_memberId"></span>
			</div>
			<div data-role="fieldcontain">
				<label for="nickName">昵称:</label>
	        	 <input type="text" name="nickName" id="nickName"  />
			</div>
			
			<div data-role="fieldcontain">
		        <fieldset data-role="controlgroup">
				     <legend>级别:</legend>
			         <select name="memberCategoryNo" id="memberCategoryNo"  data-native-menu="false">
			         	<s:iterator value="memberCategoryList">
			         			<option value='<s:property value="id"/>'><s:property value="name"/></option>
			         	 </s:iterator>
			         </select>
		         </fieldset>
			</div>
			
			<div data-role="fieldcontain">
				<label for="name">姓名:</label>
	        	 <input type="text" name="name" id="name"  />
	        	 <div id="info_name"></div>

			</div>

			<div data-role="fieldcontain">
	         <label for="password">密码:</label>
	         <input type="password" name="password" id="password" />
			</div>
			
			<div data-role="fieldcontain">
	         <label for="confirmPassword">确认密码:</label>
	         <input type="password" name="confirmPassword" id="confirmPassword" />
	         <div id="info_password"></div>
			</div>

			<div data-role="fieldcontain">
				<fieldset data-role="controlgroup" data-type="horizontal">
			     		<legend>性别:</legend>
			     		<input type="radio" name="sex" id="sex_m" value="M" checked="checked"  />
			         	<label for="sex_m">男</label>
			         	<input type="radio" name="sex" id="sex_f" value="F" />
			         	<label for="sex_f">女</label>
			    </fieldset>
			</div>

			<div data-role="fieldcontain">
				<label for="birthday">出生日期:</label>
			 	<input type="text" name="birthday" id="birthday"  />
			</div>
			<div data-role="fieldcontain">
				<label for="address">家庭住址:</label>
			 	<input type="text" name="address" id="address"  />
			</div>
			
			<div data-role="fieldcontain">
				<label for="email">Email:</label>
				<input type="text" name="email" id="email" />
			</div>
			<div data-role="fieldcontain">
				<label for="tel">电话:</label>
			 	<input type="text" name="tel" id="tel" />
			</div>
			<div data-role="fieldcontain">
				<label for="mobilePhone">手机号码:</label>
			 	<input type="text" name="mobilePhone" id="mobilePhone" />
			</div>
			<div data-role="fieldcontain">
				<label for="qq">QQ:</label>
			 	<input type="text" name="qq" id="qq"  />
			</div>

			<div data-role="fieldcontain">
			　<fieldset data-role="controlgroup">
			　　 <legend>爱好:</legend>
			　	 <s:iterator value="hobbyList">
			　　		<input type="checkbox" name="hobbyIds" id="<s:property value="id"/>" value='<s:property value="id"/>' class="custom" />
				　　 <label for="<s:property value="id"/>"><s:property value="name"/></label>
			     </s:iterator>
			　　 </fieldset>
			</div>
		
			<div data-role="fieldcontain">
				<label for="photo">Photo:</label>
				<input type="file" name="photo" id="photo"  />
			</div>
			<fieldset class="ui-grid-a">
				<div class="ui-block-a"><button type="reset" data-theme="d">取消</button></div>
				<div class="ui-block-b"><button type="submit"  data-theme="a">添加</button></div>
	   		 </fieldset>
			
		 </form>
	</div><!-- /content -->
</div><!-- /page -->

</body>
</html>